<h1>亲戚关系计算器</h1>

<section>
  <h2>说明</h2>
  <p>
    本功能用于根据关系计算亲戚的称呼（类似于 MIUI 计算器中的亲戚关系计算）。
  </p>
</section>

<section>
  <h2>示例</h2>
  <div class="bubble-wrapper right">
    <div class="bubble">
      <p>
        亲戚咋叫啊
      </p>
    </div>
  </div>
  <div class="bubble-wrapper left">
    <div class="bubble">
      <p>
        来，简单输一下那人与你的关系
      </p>
    </div>
  </div>
  <div class="bubble-wrapper right">
    <div class="bubble">
      <p>
        爸爸的妈妈的妹妹的儿子
      </p>
    </div>
  </div>
  <div class="bubble-wrapper left">
    <div class="bubble">
      <p>
        嗷呜嗷呜嗷~，你应该叫他：姨表叔父、姨表伯父，还有不懂的么？
      </p>
    </div>
  </div>
  <div class="bubble-wrapper right">
    <div class="bubble">
      <p>
        嗯
      </p>
    </div>
  </div>
  <div class="bubble-wrapper left">
    <div class="bubble">
      <p>
        来吧，输个你想推算的关系
      </p>
    </div>
  </div>
  <div class="bubble-wrapper right">
    <div class="bubble">
      <p>
        爸爸
      </p>
    </div>
  </div>
  <div class="bubble-wrapper left">
    <div class="bubble">
      <p>
        😉哈哈，他是你爸爸，还需要继续推算么？
      </p>
    </div>
  </div>
  <div class="bubble-wrapper right">
    <div class="bubble">
      <p>
        不用了
      </p>
    </div>
  </div>
  <div class="bubble-wrapper left">
    <div class="bubble">
      <p>
        嗯，那就这样吧
      </p>
    </div>
  </div>
</section>

<section class="bg-color-3">
  <h2>触发机制</h2>
  <p>
    通过关键词「亲戚」「称呼」「关系计算」等可以触发本功能。
  </p>
</section>

<link rel="stylesheet" href="css/style.css">
<script src="js/genpage.js"></script>